<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>装扮特权 - QQ会员</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/decoration.css">
    <script src="js/jquery-1.12.4.js"></script>
    <script src="js/public.js"></script>
    <script src="js/decoration.js"></script>

</head>
<body>
<!-- 头部导航部分   start -->
<header class="ui-navbar">
    <div class="ui-navbar-container">
        <!-- logo -->
        <a href="../QQVIP_index/QQVIP_index.html" class="ui-navbar-logo other" title="QQ会员首页">
            <img src="images/logo_b.png" alt="QQ会员">
        </a>

        <!-- 导航列表 -->
        <nav class="ui-navbar-list">
            <h2 class="hide-clip">网站导航</h2>
            <ul>
                <li>
                    <a href="javascript:void(0)">功能特权</a>
                    <ul class="menu-1">
                        <li class=""><a href="全部特权">全部特权</a></li>
                        <li class=""><a href="分等级特权">分等级特权</a></li>
                    </ul>
                </li>
                <li>
                    <a href="../games/games.html">游戏特权</a>
                </li>
                <li>
                    <a href="../life&activity/life.html">生活特权</a>
                </li>
                <li  class="current">
                    <a href="decoration.html">装扮特权</a>
                </li>
                <li>
                    <a href="../life&activity/activity.html">会员活动</a>
                    <ul class="menu-5">
                        <li class=""><a href="全部活动">全部活动</a></li>
                        <li><a href="靓号站" target="_blank">靓号站</a></li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:void (0)">成长体系</a>
                    <ul class="menu-6">
                        <li class=""><a href="任务中心">任务中心</a></li>
                        <li class=""><a href="积分乐园">积分乐园</a></li>
                        <li class=""><a href="排名中心">排名中心</a></li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:void (0)">年费专区</a>
                </li>
            </ul>
        </nav>

        <!-- 登录 -->
        <div class="ui-navbar-status">
            <div class="ui-navbar-status-userinfo " id="menu-user-panel">
                <div class="ui-navbar-status-userinfo ">
                    <span id="menu-login-btn" class="ui-navbar-status-login">登录</span>
                </div>
            </div>

            <!-- 开通会员 -->
            <div class="ui-btn ui-btn-basic-s-flex">
                <span class="inner-text" id="menu-pay-btn">开通超级会员</span>
                <span class="right-radius"></span>
            </div>
        </div>
    </div>
    <div class="ui-navbar-subnav">
        <div class="ui-navbar-subnav-container">
        </div>
    </div>
</header>
<!-- 头部导航部分   end -->

<!--轮播图  部分  start-->
<section class="ui-slider banner-slider">
    <h2 class="hide-clip">轮播图</h2>
    <ul class="ui-slider-content">
        <li class="img1">
            <a title="梦幻翅膀" href="#" target="_blank">
                <img alt="梦幻翅膀" src="images/1458643013_1400X5001.jpg">
            </a>
        </li>
        <li class="img2">
            <a title="星座气泡" href="#" target="_blank">
                <img alt="星座气泡" src="images/1446733176_1400x500.jpg">
            </a>
        </li>
        <li class="img3">
            <a title="QQ个性装扮服务号粉丝福利" href="#" target="_blank">
                <img alt="QQ个性装扮服务号粉丝福利" src="images/1436430880_1400x500.jpg">
            </a>
        </li>
    </ul>
    <ul class="ui-slider-indicators">
        <li class="current"></li>
        <li class=""></li>
        <li class=""></li>
    </ul>
</section>
<!--轮播图  部分 end-->

<!--content  部分  start-->
<div class="vip-adorn-content">
    <section class="mod-adorn-box">
        <div class="mod-sub-title">
            <h2>装扮分类</h2>
        </div>
        <div class="mod-adorn-list">
            <div class="mod-adorn-list">
                <section class="mod-adorn-item mod-adorn-item-bubble">
                    <a href="#" target="_blank">
                        <h3>多彩气泡</h3>
                        <p class="adorn-item-info">设置多彩气泡，装扮精彩心情</p>
                        <div class="adorn-item-play-box">
                            <div class="adorn-item-play1"></div>
                            <div class="adorn-item-play2"></div>
                            <div class="adorn-item-play3"></div>
                        </div>
                    </a>
                </section>
                <section class="mod-adorn-item mod-adorn-item-suit">
                    <a href="#" target="_blank">
                        <h3>
                            <span>QQ</span>
                            套装
                        </h3>
                        <p class="adorn-item-info">QQ套装，一键设置时尚搭配</p>
                        <div class="adorn-item-play-box">
                            <div class="adorn-item-play1"></div>
                            <div class="adorn-item-play2"></div>
                        </div>
                    </a>
                </section>
                <section class="mod-adorn-item mod-adorn-item-avatar">
                    <a href="http://zb.qq.com/face/?ADTAG=vip.qq.com/&SNO=1467332614927" onclick="try{pgvSendClick({hottag:'vipsite.zb.adorn.avatar'});}catch(e){}" target="_blank">
                        <h3>
                            <span>QQ</span>
                            头像
                        </h3>
                        <p class="adorn-item-info">QQ头像，真我风采酷我展现</p>
                        <div class="adorn-item-play-box">
                            <div class="adorn-item-play1"></div>
                        </div>
                    </a>
                </section>
                <section class="mod-adorn-item mod-adorn-item-skin">
                    <a href="http://zb.qq.com/decorate/?ADTAG=vip.qq.com/&SNO=1467332614927" onclick="try{pgvSendClick({hottag:'vipsite.zb.adorn.skin'});}catch(e){}" target="_blank">
                        <h3>
                            <span>QQ</span>
                            皮肤
                        </h3>
                        <p class="adorn-item-info">好心情随时在，皮肤随心换</p>
                        <div class="adorn-item-play-box">
                            <div class="adorn-item-play1">
                                <div class="play1"></div>
                                <div class="play2"></div>
                                <div class="play3"></div>
                                <div class="play4"></div>
                            </div>
                        </div>
                    </a>
                </section>
                <section class="mod-adorn-item mod-adorn-item-wallpaper">
                    <a href="http://style.qq.com/bizhi/index.html?ADTAG=vip.qq.com/&SNO=1467332614927" onclick="try{pgvSendClick({hottag:'vipsite.zb.adorn.wallpaper'});}catch(e){}" target="_blank">
                        <h3>
                            <span>QQ</span>
                            壁纸
                        </h3>
                        <p class="adorn-item-info">完美桌面，尽在QQ装扮壁纸站</p>
                        <div class="adorn-item-play-box">
                            <div class="adorn-item-play1"></div>
                        </div>
                    </a>
                </section>
            </div>
            </div>
    </section>
</div>
<!--content  部分  end-->

<!-- ui-promotion  部分  start-->
<section class="ui-promotion">
    <div class="mod-sub-title">
        <h2>装扮活动</h2>
    </div>
    <ul class="normal">
        <li>
            <div class="ui-promotion-wrapper">
                <a title="天气挂件" target="_blank" href="#">
                    <img width="220" height="150" alt="天气挂件" src="images/1435913671_220x150_1_(2).jpg">
                </a>
            </div>
            <p class="ui-promotion-info">逆袭吧个性装扮</p>
        </li>
        <li>
            <div class="ui-promotion-wrapper">
                <a title="星球气泡待你穿越" target="_blank" href="#">
                    <img width="220" height="150" alt="星球气泡待你穿越" src="images/1435913682_220x150_8_(2).jpg">
                </a>
            </div>
            <p class="ui-promotion-info">星球气泡待你穿越</p>
        </li>
        <li>
            <div class="ui-promotion-wrapper">
                <a title="QQ个性装扮" target="_blank" href="#">
                    <img width="220" height="150" alt="QQ个性装扮" src="images/1435913688_220x150-1.jpg">
                </a>
            </div>
            <p class="ui-promotion-info">QQ个性装扮</p>
        </li>
        <li class="lastButOne">
            <div class="ui-promotion-wrapper">
                <a title="小强出没，请注意！" target="_blank" href="#">
                    <img width="220" height="150" alt="小强出没，请注意！" src="images/1436345472_220x150_2.jpg">
                </a>
            </div>
            <p class="ui-promotion-info">小强出没，请注意！</p>
        </li>
        <li class="last">
            <div class="ui-promotion-wrapper">
                <a title="巨蟹座爱爱爱不够" target="_blank" href="#">
                    <img width="220" height="150" alt="巨蟹座爱爱爱不够" src="images/1436258464_220x150_5.jpg">
                </a>
            </div>
            <p class="ui-promotion-info">巨蟹座爱爱爱不够</p>
        </li>
    </ul>
</section>
<!-- ui-promotion  部分  end-->

<!-- 二维码  start -->
<div id="er_code">
    <a class="close" href="javascript:;">X</a>
    <img src="images/qrcode.png" alt="">
</div>
<!-- 二维码  end -->

<!--footer  部分 start-->
<footer class="ui-footer">
    <nav>
        <ul>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-qq"></span>
                    <span>官方手Q账号</span>
                    <div class="qrcode">
                        <img src="images/qq_qrcode_preview.jpg" alt="官方手Q账号">
                    </div>
                </a>
            </li>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-wechat"></span>
                    <span>官方微信账号</span>
                    <div class="qrcode">
                        <img src="images/1392709767_big.png" alt="官方微信账号">
                    </div>
                </a>
            </li>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-exchange"></span>
                    <span>兑换中心</span>
                </a>
            </li>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-bbs"></span>
                    <span>兴趣部落</span>
                </a>
            </li>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-qzone"></span>
                    <span>官方空间</span>
                </a>
            </li>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-weibo"></span>
                    <span>官方微博</span>
                </a>
            </li>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-service"></span>
                    <span>客服中心</span>
                </a>
            </li>
        </ul>
    </nav>

    <p class="ui-footer-copyright">Copyright © 1998 - 2016 Tencent . All Rights Reserved</p>
    <p class="ui-footer-copyright">腾讯公司 版权所有</p>
</footer>
<!--footer  部分 end-->
</body>
</html>